<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>
<input type="text" id="search">
<div id="container" style="width:800px; height:600px;margin:auto;"></div>
<script src="https://webapi.amap.com/maps?v=1.4.0&key=8b7592524cc8ba5d1d4ff6a7446befaa"></script>
<script>
    var map = new AMap.Map('container',{
        zoom: 10,
        center: [116.39,39.9]
    });
    AMap.plugin(['AMap.ToolBar','AMap.Scale','AMap.OverView'],
        function(){
            map.addControl(new AMap.ToolBar());

            map.addControl(new AMap.Scale());

            map.addControl(new AMap.OverView({isOpen:true}));
        }

    marker = new AMap.Marker({
        //标记位置经纬度
        position: [116.656552,39.886672],//[经度,纬度]
        //鼠标悬停标记的信息
        title: "顺通电脑维修",
        //改变标记的样式；
        icon:"../image/markImg.png",
        //添加一个dom标记， 当content属性有效时，icon属性失效
        content:"<div class='st'>顺通电脑维修</div>",
        //设置标记的可见性,true为可见，false为不可见
//			visible:false,
        //指向标记所在的地图
        map: map
    });
    var clickFn = function(){
        alert(1)
    }
    //向地图添加事件
    //		AMap.event.addListener(标记名称,"事件类型",执行函数)
    AMap.event.addListener(marker, 'click', clickFn);
    //自动补全
    AMap.plugin(['AMap.Autocomplete','AMap.PlaceSearch'],function(){//回调函数
        //实例化Autocomplete
        var autoOptions = {
            city: "", //城市，默认全国
            input:"search"//使用联想输入的input的id
        };
        var placeSearch = new AMap.PlaceSearch({
            city:'北京',
            map:map
        });
        var autocomplete = new AMap.Autocomplete(autoOptions);
        //TODO: 使用autocomplete对象调用相关功能
        AMap.event.addListener(autocomplete, "select" , function(e){
            //TODO 针对选中的poi实现自己的功能
            console.log(e)
            //获取搜索内容的经纬度
//   			e.poi.location;
//   			lng/lat
//				e.poi.name 搜索的地名
            placeSearch.search(e.poi.name);

        });
    })
    //逆地理编码
    var lnglatXY=[116.396574, 39.992706];//地图上所标点的坐标
    AMap.service('AMap.Geocoder',function(){//回调函数
        //实例化Geocoder
        geocoder = new AMap.Geocoder({
            city: "010"//城市，默认：“全国”
        });
        geocoder.getAddress(lnglatXY, function(status, result) {
            if (status === 'complete' && result.info === 'OK') {
                //获得了有效的地址信息:
                //即，result.regeocode.formattedAddress
                console.log(result)
            }else{
                //获取地址失败
            }
        });
        //TODO: 使用geocoder 对象完成相关功能

        geocoder.getLocation("北京市吉利学院", function(status, result) {
            if (status === 'complete' && result.info === 'OK') {
                //TODO:获得了有效经纬度，可以做一些展示工作
                //比如在获得的经纬度上打上一个Marker
                console.log(result)
            }else{
                //获取经纬度失败
            }
        });
    })

</script>
</body>
</html>